
import request from '../../utils/request'

// pages/personal/personal.js
let starY = 0;//手指起始坐标
let moveY = 0;//手指移动坐标
let moveDistance = 0;//手指移动距离
Page({

  /**
   * 页面的初始数据
   */
  data: {
    coverTransform:'translateY(0)',
    userInfo:{},
    recentPlayList:[]//用户播放记录
  },

  /**
   * 生命周期函数--监听页面加载
   */
 onLoad:function (options) {
 // 接收本地缓存的数据
 let userdata =  wx.getStorageSync('userinfo')
//  console.log(userdata);
 if(userdata){
   this.setData({
     userInfo:JSON.parse(userdata)
   })
   this.getRecentPlayList(this.data.userInfo.userId)
  
     }
  },

//获取用户播放记录的方法
async  getRecentPlayList(userId){
   //  请求最近播放
   let latMusicData = await request('/user/record',{uid:userId,type:1})

   console.log(latMusicData,'===================>');
   //添加一个唯一值 作为key
   let index = 0;
   let recentPlayList = latMusicData.weekData.slice(0,10).map(item =>{
     item.id = index++;
     return item;
    })
   if(latMusicData.code == 200){
     this.setData({
      recentPlayList
     })
   }
},

  // 点击去登录页面
  toLogin(){
   
wx.navigateTo({
  url: '/pages/login/login',
})
  },
  // 监听手指滑动事件
  handleTouchStart(event){
    //清除滑动
    this.setData({
      coveTransition:''
    })
  starY = event.touches[0].clientY;
  // console.log(starY);
  },
  handleTouchMove(event){
// console.log(2);
moveY = event.touches[0].clientY;
moveDistance = moveY - starY;
// console.log(moveDistance);
if (moveDistance < 0) {
  return;
}
if(moveDistance >= 80 ) {
  moveDistance = 80
}
this.setData({
  coverTransform:`translateY(${moveDistance}rpx)`
})
  },
  handleTouchEnd(){
this.setData({
  coverTransform:'translateY(0)rpx',
  coveTransition:'transform 0.7s linear'
})
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})